<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id='app'>
  <filter-list></filter-list>
</div>

<template id='filter-list-temp'>
  <div>
    <h4>filter list</h4>
    <condition :filter-text.sync="filterText"></condition>
    <list :items="filteredItems"></list>
  </div>
</template>

<template id='condition-temp'>
  <div>
    <input v-model="filterText"/>
  </div>
</template>

<template id='list-temp'>
  <div>
    <p v-for="item in items">
      {{item}}
    </p>
  </div>
</template>
<script src="../../../node_modules/vue/dist/vue.js"></script>
<script src="test.js"></script>
</body>
</html>
